<template>
    <div>
        <setHeader :title="headTitle" :back-fn="goback"></setHeader>
        <div class="pagecontent">
            <div class="circle_dimension_code">
                <div class="association_lists" style="border-bottom: none;">
                    <div class="association_left" style="margin-right: -0.4rem;">
                        <img src="../common/images/c_03.jpg" alt="">
                    </div>
                    <div class="association_desc">
                        <h5>广东智慧城协会</h5>
                        <p>会由北京地区的中央和地方所属从...</p>
                    </div>
                </div>
                <div class="circle_intop_img">
                    <img src="../common/images/u3103.png" alt="">                
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import setHeader from '../public/setHeader.vue';
    export default {
        data() {
            return {
                headTitle: '圈子二维码'
            }
        },
        components: {
            setHeader
        },
        methods: {
            goback() {
                this.$emit('done');
            }
        },
        props: ['done']
    }
</script>

<style>
/* 圈子二维码 */
.circle_dimension_code {
    width: 6.6rem;
    height: 8.7rem;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin-left: -3.3rem;
    top: 50%;
    margin-top: -4.35rem;
}
.circle_intop_img {
    width: 5.12rem;
    height: 5.12rem;
    margin: 0 auto;
    margin-top: 0.46rem;
}
.circle_intop_img img {
    width: 5.12rem;
}
</style>